<!--
此文件为开发者工具生成，生成时间: 2023/12/13下午4:43:16
使用方法：
在 E:\HBuilderProjects\ym\retail_wx\unpackage\dist\dev\mp-weixin\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\HBuilderProjects\ym\retail_wx\unpackage\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="container data-v-57280228">
      <scroll-view class="data-v-57280228" scroll-top="0" scroll-y="true" style="position:absolute;top:0;left:0;right:0;bottom:0;" enable-back-to-top="true">
        <view class="data-v-57280228">
          <view class="data-v-65a6529c banner--data-v-65a6529c">
            <swiper autoplay="false" class="banner banner--banner data-v-65a6529c banner--data-v-65a6529c" duration="1000" indicator-dots="true" interval="3000" current="0">
              <swiper-item class="data-v-65a6529c banner--data-v-65a6529c" item-id="index" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                <image class="data-v-65a6529c banner--data-v-65a6529c sk-image"></image>
              </swiper-item>
            </swiper>
          </view>
        </view>
        <view class="content data-v-57280228">
          <view class="category data-v-57280228 sk-transparent sk-text-14-2857-770 sk-text">甜品</view>
          <view class="goods-list data-v-57280228">
            <view class="goods-item data-v-57280228 goods-item-col-2" data-event-opts="tap,goGoodsDetail,$0,goodsList.6,,0,id">
              <view class="data-v-57280228">
                <image class="picture data-v-57280228 sk-image"></image>
              </view>
              <view class="name data-v-57280228 sk-transparent sk-text-14-2857-895 sk-text">德芙巧克力</view>
              <view class="price data-v-57280228 sk-transparent sk-text-14-2857-56 sk-text">¥null</view>
              <view class="line-price data-v-57280228 sk-transparent sk-text-14-2857-426 sk-text">¥null</view>
              <text class="iconfont icon-gouwuche shopping-cart data-v-57280228 sk-pseudo sk-pseudo-circle"></text>
            </view>
          </view>
          <view class="category data-v-57280228 sk-transparent sk-text-14-2857-31 sk-text">面包</view>
          <view class="goods-list data-v-57280228">
            <view class="goods-item data-v-57280228 goods-item-col-2" data-event-opts="tap,goGoodsDetail,$0,goodsList.8,,0,id">
              <view class="data-v-57280228">
                <image class="picture data-v-57280228 sk-image"></image>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	/*
	此文件为开发者工具生成，生成时间: 2023/12/13下午4:43:16
	
	在 E:\HBuilderProjects\ym\retail_wx\unpackage\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-14-2857-770 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 42.0000rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-14-2857-895 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 42.0000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-56 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 42.0000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-426 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 42.0000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-31 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 42.0000rpx;
		position: relative !important;
	}

	.sk-image {
		background: #EFEFEF !important;
	}

	.sk-pseudo::before,
	.sk-pseudo::after {
		background: #EFEFEF !important;
		background-image: none !important;
		color: transparent !important;
		border-color: transparent !important;
	}

	.sk-pseudo-rect::before,
	.sk-pseudo-rect::after {
		border-radius: 0 !important;
	}

	.sk-pseudo-circle::before,
	.sk-pseudo-circle::after {
		border-radius: 50% !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
	}
</style>